//此文件 通过修改 element-ui的变量修改elementui组件的样式
body[data-theme='theme-dark'] {
	// 字体
	--el-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; // 字体
	--el-font-size-base: 14px; // 基本字号
	--el-font-size-small: 12px; // 小字号
	--el-font-size-mini: 10px; // 迷你字号

	// 基础颜色
	--el-color-white: #ffffff; //白色
	--el-color-black: #000000; //黑色

	--el-color-primary: #2beded; // 主色
	--el-color-primary-light-3: #84ffff; // hover时的颜色
	--el-color-primary-darker: #0097a7; // 主色暗色

	--el-color-success: #67c23a; // 成功色
	--el-color-success-light-3: #95d475;

	--el-color-warning: #e6a23c; // 警告色
	--el-color-warning-light-3: #eebe77;

	--el-color-danger: #f56c6c; // 危险色
	--el-color-danger-light-3: #f89898;

	--el-color-info: #909399; // 信息色
	--el-color-info-light-3: #b1b3b8;

	--el-color-background: #f5f7fa; /* 背景颜色 */
	--el-bg-color-overlay: #202e51; // 表单下拉框，时间选择的背景色
	--el-fill-color-lighter: #1c2b5d; // 表格组件背景（有斑马纹的背景色）

	--el-fill-color-blank: rgba(200, 200, 200, 0.1); //表单输入框（input、select、datepicker组件）、表格组件背景色
	// --el-fill-color-blank: #1c2b5d; //表单输入框（input、select、datepicker组件）、表格组件背景色

	--el-cascader-node-background-hover: rgba(0, 151, 167, 0.5);

	// 文本颜色
	--el-text-color-primary: #fff;
	--el-text-color-regular: #fff; // 主要文本色
	--el-text-color-secondary: #909399; // 次文本色
	--el-text-color-placeholder: #c0c4cc; // 占位文本色

	--el-text-color-darker: #202e51;
	--el-text-color-dark: #1c2b5d;
	--el-text-color-black: #303133; // 黑色文本色
	--el-text-color-black-light: #606266; // 黑色文本色

	// 边框颜色
	// --el-border: 1px solid --el-color-primary;
	--el-border-color-extra-light: rgba(0, 151, 167, 0.3); //时间选择器选择范围
	--el-border-color: var(--el-fill-color-blank); //主要边框颜色：表单输入框（input、select、datepicker组件
	--el-border-color-light: var(--el-color-primary); // select的下拉框、
	--el-border-color-hover: var(--el-color-primary); //hover边框色
	--el-color-border-base: #dcdfe6; // 基础边框颜色

	// 表格
	// Table
	--el-table-header-color: #303133; // 表头文本颜色
	--el-table-header-bg-color: #30557c; // 表头背景色

	// --el-table-header-border-color: #dcdee2; // 表头边框颜色
	--el-table-row-bg-color-hover: #56698d; // 鼠标悬停行背景色
	// --el-table-row-hover-color: inherit; // 鼠标悬停行文本颜色
	--el-table-row-hover-bg-highlight: #56698d; // 鼠标悬停行高亮背景色

	// 表单
	--el-form-item-label-color: #fff; // 表单项标签文字颜色

	// 输入框
	--el-input-bg-color: #1c2b5d;
	--el-input-border-color: red;
}
